<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <title>Digitalis - Business and Portfolio HTML Template</title>
    
    <!-- Meta-Tags -->
    <meta name="description" content="" />
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <meta http-equiv="imagetoolbar" content="no" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    
    <!-- Stylesheets: Screen, Projection -->
    <link href="stylesheets/layout.css" media="screen, projection" rel="stylesheet" type="text/css" />
    <link href="stylesheets/default/black.css" media="screen, projection" rel="stylesheet" type="text/css" />
    
    <!--[if IE 6]>
      <script src="javascripts/ie.pngfix.js" type="text/javascript"></script>
      <script>DD_belatedPNG.fix('li, #logo a, #main, #preview, .post-data span, blockquote, .lightbox-image, .dropcap-circle, .breadcrumbs span.info');</script>
      <style>li, #footer .nav li a, #sidebar .nav li a {zoom:1}</style>
    <![endif]-->
    <!--[if lt IE 9]>
      <style>#showcase .rounded-corners-top, #showcase .rounded-corners-bottom {display: none}</style>
    <![endif]-->

    <!-- jQuery -->
    <script src="javascripts/jquery.js" type="text/javascript"></script>
    
    <!-- Cufon -->
    <script src="javascripts/cufon.js" type="text/javascript"></script>
    <script src="javascripts/cufon.fonts.js" type="text/javascript"></script>
    
    <!-- Nivo Slider -->
    <link href="plugins/nivoslider/nivo-slider.css" media="screen, projection" rel="stylesheet" type="text/css" />
    <link href="plugins/nivoslider/style-pack/custom-nivo-slider.css" media="screen, projection" rel="stylesheet" type="text/css" />
    <script src="plugins/nivoslider/jquery.nivo.slider.pack.js" type="text/javascript"></script>
    
    <!-- Fancybox -->
    <!--
    <link href="plugins/fancybox/jquery.fancybox-1.3.1.css" media="screen, projection" rel="stylesheet" type="text/css" />
    <script src="plugins/fancybox/jquery.fancybox-1.3.1.pack.js" type="text/javascript"></script>
    -->
    
    <!-- prettyPhoto -->
    <link href="plugins/prettyPhoto/css/prettyPhoto.css" media="screen, projection" rel="stylesheet" type="text/css" />
    <script src="plugins/prettyPhoto/js/jquery.prettyPhoto.js" type="text/javascript"></script>
        
    <!-- Superfish -->
    <script src="javascripts/jquery.superfish.js" type="text/javascript"></script>
    
    <!-- Forms -->
    <script src="javascripts/jquery.validate.pack.js" type="text/javascript"></script>
    <script src="javascripts/jquery.form.js" type="text/javascript"></script>
    
    <!-- Custom JavaScript -->
    <script src="javascripts/custom.js" type="text/javascript"></script>
  </head>
  
  <body class="fullwidth">
    <div id="body-wrapper">
    
      <div id="header">
        <div class="wrapper">
          <div id="logo">
            <h1><a href="index.html">YOUR COMPANY NAME</a></h1>
          </div>
          
          <ul class="nav">
            <li class="first"><a href="index.html">Home</a>
              <ul>
                <li><a href="index.html">Home 1</a></li>
                <li><a href="index2.html">Home 2</a></li>
                <li><a href="index3.html">Home 3</a></li>
              </ul>
            </li>
            <li><a href="page.html">About</a></li>
            <li><a href="styles.html">Styles</a>
              <ul>
                <li><a href="styles.html">HTML Styles</a></li>
                <li><a href="styles2.html">Basic Content Styles</a></li>
                <li><a href="styles3.html">Advanced Content Styles</a></li>
                <li><a href="#">Multilevel Dropdown</a>
                  <ul>
                    <li><a href="#">Just for Demonstration</a></li>
                    <li><a href="#">Multilevel Dropdown</a></li>
                    <li><a href="#">Demonstration</a></li>
                    <li><a href="#">Dropdown Demo</a></li>
                  </ul>
                </li>
                <li><a href="columns.html">Columns</a></li>
                <li><a href="columns2.html">Fullwidth Columns</a></li>
                <li><a href="magazine.html">Magazine Look</a></li>
                <li><a href="forms.html">Forms</a></li>
              </ul>
            </li>
            <li><a href="blog.html">Blog</a>
              <ul>
                <li><a href="blog.html">Blog</a></li>
                <li><a href="blog2.html">Blog - Fullwidth</a></li>
                <li><a href="blog3.html">Blog - Flash-Video</a></li>
                <li><a href="blog4.html">Blog - Slider</a></li>
              </ul>
            </li>
            <li><a href="post.html">Post</a></li>
            <li><a href="portfolio.html">Portfolio</a>
              <ul>
                <li><a href="portfolio.html">Portfolio - 3 Columns</a></li>
                <li><a href="portfolio3.html">Portfolio - 2 Columns</a></li>
                <li><a href="portfolio4.html">Portfolio - 1 Column</a></li>
                <li><a href="portfolio2.html">Portfolio - Additional Styles</a></li>
              </ul>
            </li>
            <li class="last"><a href="contact.html">Contact</a></li>
          </ul>
          <!-- END .nav --> 
        </div> 
        <!-- END .wrapper -->
      </div>
      <!-- END #header -->
      
      <div id="topbar">
        <strong class="wrapper">
          Put a cool and catchy slogan in here to make your newly purchased Template more interesting!
        </strong>
      </div>
  
      <div id="main">
        <div class="wrapper">
          <div id="content">
            <div class="entry">
            
              <h2>Selected Work</h2>
              
              <div class="spacer"></div>
              
              <div class="one-half portfolio-item">
                <a href="images/dummy/start_2.jpg" rel='lightbox[featured]' >
                  <img class="rounded" src="images/dummy/portfolio-2c_2.jpg" alt="Dummy" width="445" height="199" />
                </a>
                <h3><a href="page.html">Vestibulum Auctor</a></h3>
                <p>
                  Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis.
                  <span class="read-more">
                    <a href="post.html">Visit Site</a>
                    <a href="post.html">Read more »</a>
                  </span>
                </p>
              </div>
              <!-- END .one-half -->
              
              <div class="one-half portfolio-item last">
                <a href="images/dummy/start_4.jpg" rel='lightbox[featured]' >
                  <img class="rounded" src="images/dummy/portfolio-2c_4.jpg" alt="Dummy" width="445" height="199" />
                </a>
                <h3><a href="page.html">Nunc Dignissim</a></h3>
                <p>
                  Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis.
                  <span class="read-more">
                    <a href="post.html">Read more »</a>
                  </span>
                </p>
              </div>
              <!-- END .one-half.last -->
              
              
              
              <div class="big-spacer"></div>
              
              
              
              <div class="one-half portfolio-item">
                <a href="images/dummy/start_3.jpg" rel='lightbox[featured]' >
                  <img class="rounded" src="images/dummy/portfolio-2c_3.jpg" alt="Dummy" width="445" height="199" />
                </a>
                <h3><a href="page.html">Risus Metus</a></h3>
                <p>
                  Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis.
                  <span class="read-more">
                    <a href="post.html">Read more »</a>
                  </span>
                </p>
              </div>
              <!-- END .one-half -->
              
              <div class="one-half portfolio-item last">
                <a href="images/dummy/start_2.jpg" rel='lightbox[featured]' >
                  <img class="rounded" src="images/dummy/portfolio-2c_2.jpg" alt="Dummy" width="445" height="199" />
                </a>
                <h3><a href="page.html">Ornare Tristique</a></h3>
                <p>
                  Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis.
                  <span class="read-more">
                    <a href="post.html">Read more »</a>
                  </span>
                </p>
              </div>
              <!-- END .one-half.last -->
              
              
              
              <div class="big-spacer"></div>
              
              
              
              <div class="one-half portfolio-item">
                <a href="images/dummy/start_4.jpg" rel='lightbox[featured]' >
                  <img class="rounded" src="images/dummy/portfolio-2c_4.jpg" alt="Dummy" width="445" height="199" />
                </a>
                <h3><a href="page.html">Crasono</a></h3>
                <p>
                  Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis.
                  <span class="read-more">
                    <a href="post.html">Visit Site</a>
                    <a href="post.html">Read more »</a>
                  </span>
                </p>
              </div>
              <!-- END .one-half -->
              
              <div class="one-half portfolio-item last">
                <a href="images/dummy/start_2.jpg" rel='lightbox[featured]' >
                  <img class="rounded" src="images/dummy/portfolio-2c_2.jpg" alt="Dummy" width="445" height="199" />
                </a>
                <h3><a href="page.html">Placerat Vitae</a></h3>
                <p>
                  Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis.
                  <span class="read-more">
                    <a href="post.html">Visit Site</a>
                    <a href="post.html">Read more »</a>
                  </span>
                </p>
              </div>
              <!-- END .one-half.last -->
              
              <div class="divider"></div>
              
            </div>
            <!-- END .entry -->
            
            
            
            <div class="paginator">
          		<a href="#" class="first">« Prev</a>
          		<a href="#">1</a>
          		<span class="active">2</span>
          		<a href="#">3</a>
          		<a href="#" class="last">Next »</a>
          	</div>
          	<!-- END .paginator -->
          	
          	
          	
          </div>
          <!-- END #content -->      
          
        </div>
        <!-- END .wrapper -->
      </div>
      <!-- END #main -->
      
      <div id="bottombar">
        <div class="wrapper">
          <p class="primary">
            This is an HTML-Template by Ruven Pelka. You can purchase it at <a href="http://mojo-themes.com/">mojo-themes.com</a>.
          </p>
          <p class="breadcrumbs secondary">
            <span class="info">Here you are:</span>
            <a href="#">Start</a>
            <span> » </span>
            <a href="#">Blog</a>
            <span> » </span>
            <a href="#" class="active">Quisque volutpat mattis</a>
          </p>
        </div>
      </div>
      <!-- END #bottombar -->
      
      <div id="footer">
        <div class="wrapper">
          <div class="boxes">
            
            
            <div class="contact box">
              <h4>Get in touch with us</h4>
              <p class="vcard">
                <strong class="org">Digitalis Inc.</strong>
                <span class="adr">
                  <br/><span class="street-address">2 Infinite Loop, Suite 123 (Right Floor)</span>
                  <br/><span class="postal-code">Cupertino, CA 95014</span>
                </span>
                <br/><span class="tel">Tel: (408) 996-1011</span>
                <br/><span class="note">Fax: (408) 996-1012</span>
              </p>
              <p>
                <a href="contact.php" class="button">Contact Form »</a>
              </p>
            </div>
            <!-- END .box -->
            
            <div class="box nav">
              <h4>Latest News</h4>
              <ul>
                <li><a href="post.php">Dolor sit Amet</a></li>
                <li><a href="post.php">Quisque volutpat mattis</a></li>
                <li><a href="post.php">Nullam malesuada erat</a></li>
                <li><a href="post.php">Semper Suscipit</a></li>
                <li><a href="post.php">Consectetuer adipiscing elit</a></li>
              </ul>
            </div>
            <!-- END .box -->
            
            <div class="box nav">
              <h4>Latest Work</h4>
              <ul>
                <li><a href="page.php">Vestibulum Auctor</a></li>
                <li><a href="page.php">Nunc Dignissim</a></li>
                <li><a href="page.php">Risus Metus</a></li>
                <li><a href="page.php">Ornare Tristique</a></li>
                <li><a href="page.php">Crasono</a></li>
              </ul>
            </div>
            <!-- END .box -->
            
            <div class="box nav last">
              <h4>Blogroll</h4>
              <ul>
                <li><a href="#">WordPress Blog</a></li>
                <li><a href="#">WordPress Planet</a></li>
                <li><a href="#">Support Forum</a></li>
                <li><a href="#">Plugins</a></li>
                <li><a href="#">Suggest Ideas</a></li>
              </ul>
            </div>
            <!-- END .box -->
          </div>
          <!-- END .boxes -->
        </div>
        <!-- END .wrapper -->
      </div>
      <!-- END #footer -->
      
      <div id="footerbar">
        <div class="wrapper">
          <ul class="social-links primary">
            <li><a href="#"><img src="images/shared/social_icons/rss.png" alt="RSS" width="16" height="16" /></a></li>
            <li><a href="#"><img src="images/shared/social_icons/facebook.png" alt="Facebook" width="16" height="16" /></a></li>
            <li><a href="#"><img src="images/shared/social_icons/twitter.png" alt="Twitter" width="16" height="16" /></a></li>
            <li><a href="#"><img src="images/shared/social_icons/flickr.png" alt="Flickr" width="16" height="16" /></a></li>
            <li><a href="#"><img src="images/shared/social_icons/linkedin.png" alt="LinkedIn" width="16" height="16" /></a></li>
          </ul>
          <p class="copyright secondary">
            This is an HTML-Template by Ruven Pelka. You can purchase it at <a href="http://mojo-themes.com/">mojo-themes.com</a>.
          </p>
        </div>
        <!-- END .wrapper -->
      </div>
      <!-- END .footerbar -->
    </div>
    <!-- END #body-wrapper -->
    
  </body>
</html>